$def with (page)

<footer>
  <div id="footer-content" >
    <div id="footer-links">
      <div>
        <h2>$_("Open Library")</h2>
        <ul>
          <li><a href="/about/vision">$_("Vision")</a></li>
          <li><a href="/volunteer">$_("Volunteer")</a></li>
          <li><a href="/partner-with-us">$_("Partner With Us")</a></li>
          <li><a href="https://archive.org/about/jobs.php" title="$_('Jobs')">$_("Careers")</a></li>
          <li><a href="https://blog.openlibrary.org/">$_("Blog")</a></li>
          <li><a href="https://archive.org/about/terms.php">$_("Terms of Service")</a></li>
          <li><a href="https://archive.org/donate/?platform=ol&origin=olwww-TopNavDonateButton">$_("Donate")</a></li>
        </ul>
      </div>
      <div>
        <h2>$_("Discover")</h2>
        <ul>
          <li><a href="/" title="$_('Go home')">$_("Home")</a></li>
          <li><a href="/search" title="$_('Explore Books')">$_("Books")</a></li>
          <li><a href="/search/authors" title="$_('Explore authors')">$_("Authors")</a></li>
          <li><a href="/subjects" title="$_('Explore subjects')">$_("Subjects")</a></li>
          <li><a href="/collections" title="$_('Explore collections')">$_("Collections")</a></li>
          <li><a href="/advancedsearch" title="$_('Advanced Search')">$_("Advanced Search")</a></li>
          <li><a href="#top" title="$_('Navigate to top of this page')">$_("Return to Top")</a></li>
        </ul>
      </div>
      <div>
        <h2>$_("Develop")</h2>
        <ul>
          <li><a href="/developers" title="$_('Explore Open Library Developer Center')">$_("Developer Center")</a></li>
          <li><a href="/developers/api" title="$_('Explore Open Library APIs')">$_("API Documentation")</a></li>
          <li><a href="/developers/dumps" title="$_('Bulk Open Library data')">$_("Bulk Data Dumps")</a></li>
          <li><a href="https://github.com/internetarchive/openlibrary/wiki/Writing-Bots" title="$_('Write a bot')">$_("Writing Bots")</a></li>
        </ul>
      </div>
      <div>
        <h2>$_("Help")</h2>
        <ul>
          <li><a href="/help">$_("Help Center")</a></li>
          <li><a href="mailto:openlibrary@archive.org?subject=Support Case" title="$_('Contact')">$_("Contact Us")</a></li>
          <li><a href="/help/faq/editing" title="$_('Suggest Edits')">$_("Suggesting Edits")</a></li>
          <li><a href="/books/add" title="$_('Add a new book to Open Library')">$_("Add a Book")</a></li>
          <li><a href="https://github.com/internetarchive/openlibrary/releases" title="$_('Release Notes')">$_("Release Notes")</a></li>
        </ul>
        <aside>
          <a class="footer-icon" title="$_('Twitter')" href="https://twitter.com/OpenLibrary"><img src="/static/images/tweet.svg" alt="" loading="lazy"></a>
          <a class="footer-icon" title="$_('GitHub')" href="https://github.com/internetarchive/openlibrary"><img src="/static/images/github.svg" alt="" loading="lazy"></a>
        </aside>
      </div>
      <div>
        <h2>$_("Change Website Language")</h2>
        $:render_template('languages/language_list')
      </div>
    </div>
    <hr>
    <div id="footer-details">
      <img id="archive-logo" src="/static/images/pantheon.png" alt="$_('Open Library logo')" loading="lazy">
      <div id="legal-details" >
        <span>$:_('Open Library is an initiative of the <a href="//archive.org/">Internet Archive</a>, a 501(c)(3) non-profit, building a digital library of Internet sites and other cultural artifacts in  digital form. Other <a href="//archive.org/projects/">projects</a> include the <a href="//archive.org/web/">Wayback Machine</a>, <a href="//archive.org/">archive.org</a> and <a href="//archive-it.org">archive-it.org</a>')</span>
      </div>
      $ git_rev_hash = get_git_revision_short_hash()
      $if git_rev_hash:
        <div id="version-details">
          <span class="version">$:_('version <a href="https://github.com/internetarchive/openlibrary/commit/%s">%s</a>', git_rev_hash, git_rev_hash)</span>
        </div>
    </div>
  </div>
</footer>
